<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>官方动态之新闻中心</title>
        <link rel="stylesheet" href="../css/common.css">
        <link rel="stylesheet" href="../css/list.css">
    </head>
    <body>
        <!-- 头部导航栏start -->
        <section class="header"> 
            <div class="header_top">
                <div class="header_min">
                    <a href="#">
                        <img src="../images/logo.png"/>&nbsp;&nbsp;&nbsp;
                        <span>|</span>
                    </a>
                    <a href="#">官方微博:</a>
                    <a href="#">深圳站</a>
                    <a href="#">广州站</a>
                    <a href="#">武汉站</a>
                    <a href="#">English</a>  
                </div>   
            </div>
            <div class="header_nav">
                <ul>
                    <li>
                        <a href="../html/index.html">首页</a>
                    </li>
                    <li>
                        <a href="#">关于我们</a>
                    </li>
                    <li>
                        <a href="../html/list.html">官方动态</a>
                    </li>
                    <li>
                        <a href="#">科研与教学</a>
                    </li>
                    <li>
                        <a href="#">我们的课程</a>
                    </li>
                    <li>
                        <a href="#">我们的社区</a>
                    </li>
                    <li>
                        <a href="#">社会责任</a>
                    </li>
                </ul>
            </div>
            <div class="header_bottom"><div>
        </section>
        <!-- 头部导航栏end -->

        <!-- 页面中间部分start -->
        <main class="content">
            <section class="content_left">
                <div class="content_left_logo"></div>
                <nav>
                    <ul>
                        <li>
                            <a href="#">习作精批</a>
                        </li>
                        <li>
                            <a href="#">成长记录</a>
                        </li>
                        <li>
                            <a href="#">电子杂志</a>
                        </li>
                        <li>
                            <a href="#">活动专题</a>
                        </li>
                        <li>
                            <a href="../html/new_text.html" class="blue">新闻中心</a>
                            <img src="../images/targle.PNG" />
                        </li>

                    </ul>
                </nav>
                <form>
                    <h2>预约注册</h2>
                    <p>
                        <label for="">姓名:</label>
                        <input  type="text" placeholder="请输入您的姓名"/>
                    </p>
                    <p>
                        <label for="">电话:</label>
                        <input  type="number" maxlength="11" minlength="11" placeholder="请输入您的电话"/>
                    </p>
                    <p>
                        <label for="">地址:</label>
                        <select name="" id=""> 
                            <option disabled selected>请选择城市</option>
                            <option value="">上海</option>
                            <option value="">广州</option>
                            <option value="">深圳</option>
                            <option value="">长沙</option>
                        </select>
                    </p>
                    <p>
                        <input type="submit" value="立即预约 " />
                    </p>
                </form>
            </section>

            <section class="content_right">
                <header>
                    您的位置:<a href="../html/index.html">首页</a>
                    <span>></span>
                    <a href="#">官方动态</a>
                    <span>></span>
                    <a href="#">新闻中心</a>
                </header>
                <section class="content_right_main">
                    <h1>
                        <span>新闻中心</span>
                        <b>NewsCenter</b>
                    </h1>
                    <div class="info clear">
                        <h2>
                            <img src="../images/pen.png">
                            <span>推荐新闻</span>
                        </h2>
                        <div class="info_news">
                            <div class="info_news_left">
                                <img src="../images/news.png">
                            </div>
                            <div class="info_news_right"> 
                                <h3 class="clear">
                                    <span>“全民爱语文·共筑中国梦”全国公益巡</span>
                                    <span>2016-03-29</span>
                                    <div style="clear: both;"></div>
                                </h3>
                                <h4> &nbsp;&nbsp;2016年3月20日，在广州天河体育馆，万名学生家长及教育领域的专家学者共同见证了“全民爱语文?共筑中国梦”全国公益巡讲?广州天河站的盛大开幕。</h4>
                                <a>查看详情>></a> 
                            </div> 
                        </div>
                    </div>
                    <div style="clear: both;"></div>
                    <div class="level"></div>
                    <!-- 新闻列表部分 -->
                    <div class="view_list">
                        <h5>
                            <img src="../images/book.png">
                            <i>阳光喔新闻</i>
                        </h5>
                        <ul type="square">
                            <li>
                                <a>阳光喔广州大区“毕业墙”拓展训练活动的省思</a>
                                <span>2016-06-16</span>
                            </li>
                            <li>
                                <a>阳光喔教育创始人罗珠彪受邀录制《教育大未来》</a>
                                <span>2016-06-16</span>
                            </li>
                            <li>
                                <a>阳光喔2016中德国际足球夏令营圆梦之旅盛大招募</a>
                                <span>2016-04-29</span>
                            </li>
                            <li>
                                <a>读书解惑：回归语文教育的原点</a>
                                <span>2016-04-01</span>
                            </li>
                            <li>
                                <a>“全民爱语文·共筑中国梦”全国公益巡讲·广州天河站</a>
                                <span>2016-03-29</span>
                            </li>
                        </ul>
                        <footer class="content_right_bottom">
                            <span>页次：1/35&nbsp;&nbsp;&nbsp;&nbsp;每页5&nbsp;&nbsp;&nbsp;&nbsp;总数172</span>
                            <s>首页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;上一页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;下一页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;尾页</s>
                            转到:
                            <select name="" id=""> 
                                <option value="">第1页</option>
                                <option value="">第2页</option>
                                <option value="">第3页</option>
                                <option value="">第4页</option>
                                <option value="">第5页</option>
                                <option value="">第6页</option>
                            </select>
                        </footer>
                    </div>
                </section>
            </section>
        </main>
        <!-- 页面中间部分end -->

        <!-- 底部start -->
        <section class="footer">
            <nav>
                <ul>
                    <li>
                        <a>阳光名师</a>
                    </li>
                    <li>
                        <a>名师点评</a>
                    </li>
                    <li>
                        <a>品牌加盟</a>
                    </li>
                    <li>
                        <a>旗下网站</a>
                    </li>
                    <li>
                        <a>阳光名师</a>
                    </li>
                    <li>
                        <a>在线咨询</a>
                    </li>
                </ul>
            </nav>
            <div class="footer_Af">
                <header>
                    <a href="#"><img src="../images/fix_btn.png" /></a>
                </header> 
                <div class="footer_AF_word">
                    阳光喔在北京、广州、武汉、深圳、重庆、西安等多个城市设立全资子公司及100多家教学中心。
                </div>
            </div>
            <div class="footer_Bf">
                <ul>
                    <li>员工服务:</li>
                    <li>OA系统</li>
                    <li>ORM系统</li>
                    <li>企业邮编</li>
                    <li>作业上传</li>
                </ul>
            </div>
            
            <div class="footer_Cf">
                北京市海淀区阳光喔培训学校 版权所有 京ICP备13018838-1号&nbsp;|&nbsp;隐私声明&nbsp;|&nbsp;总部地址：北京市海淀区中关村南大街12号阳光培训楼
                <img src="../images/cnzz.png">
            </div>
        </section>
        <!-- 底部end -->

        <!-- 浮动框start-->
        <div class="float_box">
            <a href="#"><img  src="../images/list.png"/></a>
        </div>
         <!-- 浮动框start-->
    </body>
</html>